<template>
   <div @click="$router.push('/detailpost?id='+ data.id)">
   <div class="imgtext">
      <span class="text">{{data.title}}</span>
      <div class="imglist" >
          <img :src="data.cover[0].url" alt=""> 
          <img :src="data.cover[1].url" alt="">         
          <img :src="data.cover[2].url" alt="">         
      </div>
      <span class="author">{{data.user.nickname}} {{data.comment_length}}跟帖</span>
  </div>
   </div>
</template>
<script>
export default {   
    props:['data']
}
</script>

<style lang="less" scoped>
     .imgtext{
         padding: 20/360*100vw;
         border-bottom: 2px solid #cccccc;
         .text{
             font-size: 16/360*100vw;
             color: #333;
         }
         .imglist{
             display: flex;
             justify-content: space-between;
             padding: 5/360*100vw;
             img{
                 width: 33%;
             }
         }
         .author{
             font-size: 14px;
             color: #868686;
         }
         
     }
</style>